<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="../css/shopcar.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>
	<!-- subnav -->

	<div class="wrapper">
		<div class="subnav">
			<div class="subnav_logo">
				<a href="#"><img class="logo" src="../img/logo.png" alt="douban"></a>
			</div>
			<ul>
				<li><a href="#">饮食</a>
					<div class="menu">
						<div class="leftdiv">
							<dl>
								<dt><a href="#">酒水</a></dt>
								<dd><a href="#">葡萄酒</a></dd>
								<dd><a href="#">米酒</a></dd>
								<dd><a href="#">白酒</a></dd>
								<dd><a href="#">啤酒</a></dd>
								<dd><a href="#">洋酒</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">地方特产</a></dt>
								<dd><a href="#">新疆</a></dd>
								<dd><a href="#">四川</a></dd>
								<dd><a href="#">湖南</a></dd>
								<dd><a href="#">云南</a></dd>
								<dd><a href="#">海南</a></dd>
								<dd><a href="#">东北</a></dd>
								<dd><a href="#">北京</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">饮料冲调</a></dt>
								<dd><a href="#">饮料</a></dd>
								<dd><a href="#">咖啡</a></dd>
								<dd><a href="#">蜂蜜</a></dd>
								<dd><a href="#">速溶</a></dd>
								<dd><a href="#">冲饮谷物</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">生鲜食品</a></dt>
								<dd><a href="#">新鲜水果</a></dd>
								<dd><a href="#">海鲜水产</a></dd>
								<dd><a href="#">生肉禽蛋</a></dd>
								<dd><a href="#">产地直供</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">蜂蜜/茗茶</a></dt>
								<dd><a href="#">咖啡</a></dd>
								<dd><a href="#">蜂蜜</a></dd>
								<dd><a href="#">茗茶</a></dd>
							</dl>
						</div>
						<div class="rightdiv">
							<a href="#"><img src="../img/right-img.png" alt=""></a>
							<p><a href="#">台湾手工黑茶糖</a></p>
						</div>
					</div>
				</li>
				<li><a href="#">服装</a>
					<div class="menu">
						<div class="leftdiv">
							<dl>
								<dt><a href="#">男下装</a></dt>
								<dd><a href="#">休闲裤</a></dd>
								<dd><a href="#">牛仔裤</a></dd>
								<dd><a href="#">短裤</a></dd>
	
							</dl>
							<dl>
								<dt><a href="#">男上装</a></dt>
								<dd><a href="#">外套</a></dd>
								<dd><a href="#">衬衫</a></dd>
								<dd><a href="#">卫衣</a></dd>
								<dd><a href="#">毛衣</a></dd>
								<dd><a href="#">海南</a></dd>
								<dd><a href="#">东北</a></dd>
								<dd><a href="#">北京</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">饮料冲调</a></dt>
								<dd><a href="#">饮料</a></dd>
								<dd><a href="#">咖啡</a></dd>
								<dd><a href="#">蜂蜜</a></dd>
								<dd><a href="#">速溶</a></dd>
								<dd><a href="#">冲饮谷物</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">生鲜食品</a></dt>
								<dd><a href="#">新鲜水果</a></dd>
								<dd><a href="#">海鲜水产</a></dd>
								<dd><a href="#">生肉禽蛋</a></dd>
								<dd><a href="#">产地直供</a></dd>
								<dd><a href="#">其他</a></dd>
							</dl>
							<dl>
								<dt><a href="#">蜂蜜/茗茶</a></dt>
								<dd><a href="#">咖啡</a></dd>
								<dd><a href="#">蜂蜜</a></dd>
								<dd><a href="#">茗茶</a></dd>
							</dl>
						</div>
						<div class="rightdiv">
							<a href="#"><img src="../img/file-1478758742-0.jpg" alt=""></a>
							<p><a href="#">羊毛混纺针织衬衣</a></p>
						</div>
					</div>
				</li>
				<li><a href="#">配饰</a></li>
				<li><a href="#">包装</a></li>
				<li><a href="#">鞋靴</a></li>
				<li><a href="#">美容护肤</a></li>
				<li><a href="#">家居</a></li>
				<li><a href="#">时间</a></li>
				<li><a href="#">更多</a></li>
			</ul>
			
			<div class="subnav_r">
				<a class="user_a" href="#"><img class="user_img" src="../img/user_large.jpg" alt="user"><span>个人中心</span></a>
				<a class="inquire" href="#">订单查询</a>
			</div>
			<div class="search_bar">
				<form action="" class="searchform">
					<input class="text" type="text" placeholder="搜一下试试看">
					<img src="../img/record.png" alt="">
				</form>
			</div>
		</div>

		<!-- table -->

		<h2>购物车</h2>
		<div class="check">
			<input type="checkbox">
			<span>店铺:&nbsp;&nbsp;</span><a href="#">好酒网</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>咨询店主:</span>&nbsp;&nbsp;<a href="#">好酒网</a>
		</div>
		<table>
			<tr>
				<td width="5%"></td>
				<td width="45%">商品信息</td>
				<td width="10%">单价（元）</td>
				<td width="15%">数量</td>
				<td width="10%">金额（元）</td>
				<td width="15%"  class="border-left">操作</td>
			</tr>
		
			<tr class="down">
				<td><input type="checkbox" checked="checked"></td>
				<td class="right">
					<div class="td_goods">
						<a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/small/public/p394592.jpg" alt=""></a>
						<p><a href="#">原瓶进口 智利蜜雪莉雅佳美娜红葡萄酒 红酒750ml</a></p>
						<p><span>by</span>&nbsp;智利蜜雪莉雅佳美娜红葡萄酒</p>
						<p class="pmargin">颜色: 红宝石色 / 尺寸: 750ml</p>
					</div>	
				</td>
				<td><span class="red">¥79.00</span></td>
				<td class="quantity_td">
					<a href="#">-</a><a href="#">1</a><a href="#">+</a>
				</td>
				<td><span class="red">¥158.00</span></td>
				<td class="border-left"><a class="delete" href="#">删除</a></td>
			</tr>
		</table>

		<div class="count">
			<div class="count_l">
				<input type="checkbox" checked="checked"><span>全选</span>
			</div>
			<div class="count_r">
				<span class="span-margin"><span>已选择</span><b class="digital">2</b><span>件商品</span></span>
				<span class="span-margin"><span>合计：</span><b class="digital">¥158.00</b><span>（不含运费）</span></span>
				<input class="count-button" type="button" value="结算">
			</div>
		</div>
		
		<div class="footer">
			<p>© 2005－2016 douban.com, all rights reserved 北京豆网科技有限公司</p>
			<ul>
				<li><a href="#">关于豆瓣</a><span>·</span></li>
				<li><a href="#">在豆瓣工作</a><span>·</span></li>
				<li><a href="#">联系我们</a><span>·</span></li>
				<li><a href="#">免责声明</a><span>·</span></li>
				<li><a href="#">帮助中心</a><span>·</span></li>
				<li><a href="#">移动应用</a><span>·</span></li>
				<li><a href="#">豆瓣广告</a><span>·</span></li>
			</ul>	
		</div>
	</div>	
</body>
</html>